<template>
<header id="header">
  <slot></slot><h1>{{title}}</h1>
</header>
</template>

<script>
    export default {
        name: "Header",
      props:{
          title:{
            type:String,
            default:"影音资讯"
          }
      }
    }
</script>

<style scoped>
#header{width:100%; height:50px; color: #fff; background: #5eabc7; border-bottom: 1px solid #5eabc7; position: relative;}
#header h1{ font-size:24px;text-align: center; line-height: 50px; font-weight: 500; letter-spacing: 10px}
#header i{ position: absolute; left: 5px; top: 50%; margin-top: -13px; font-size: 26px;}
#header .el-link{color:white;padding:12px 8px;font-size:20px;float: right}
</style>
